
<template>
  <div>
    <div class="allExpert-page">
      <expert-source :cgoods="goods" @handleSearch="handleSearch"></expert-source>
      <pagination @item-click="pageClick" :cUrl="url" :cTotal="total" :cPageSize="pageSize"></pagination>
    </div>
  </div>
</template>
<script>
import { selectExpert } from "../api/order";
// 从../api/order导入selectExpert函数
import ExpertSource from "../components/ExpertSource.vue";
// 从../components/ExpertSource.vue导入ExpertSource组件
import Pagination from "../components/Pagination.vue";
// 从../components/Pagination.vue导入Pagination组件

export default {
  data() {
    return {
      goods: [],
      // 创建一个名为goods的空数组，用于存储获取到的专家列表数据
      total: 0,
      // 创建一个名为total的变量，用于存储总记录数
      pageSize: 30,
      // 创建一个名为pageSize的变量，用于存储每页显示的记录数
      searchValue:'',
      // 创建一个名为searchValue的空字符串，用于存储搜索关键字
      url: "/order/goods/",
      // 创建一个名为url的变量，存储请求的url地址
      goodsCount: sessionStorage.getItem("/order/goods/pageCode")
          ? sessionStorage.getItem("/order/goods/pageCode")
          : 1,
      // 创建一个名为goodsCount的变量，用于存储专家列表的当前页码，如果sessionStorage中有"/order/goods/pageCode"键，则将其值赋给goodsCount，否则默认为1
    };
  },
  mounted() {
    this.$store.commit("updateActiveIndex", "5");
    // 调用this.$store.commit方法，触发名为updateActiveIndex的mutation，传入参数"5"
    this.getData()
    // 调用getData方法，获取专家列表数据
  },
  methods: {
    pageClick(item) {
      this.goods = item;
      // 将传入的item赋值给goods
    },
    handleSearch(val){
      this.searchValue = val
      // 将传入的val赋值给searchValue
      this.getData()
      // 调用getData方法，根据搜索关键字获取专家列表数据
    },
    getData(){
      selectExpert({
        pageNum: this.goodsCount,
        keys:this.searchValue
      }).then((res) => {
        // 调用selectExpert函数并传入一个对象作为参数，参数中包含pageNum和keys属性，分别为goodsCount和searchValue的值
        // 使用.then方法处理函数的返回结果
        console.log('ressss--',res)
        // 打印返回结果

          this.goods = res.data;
          // 将返回结果中的data.list赋值给goods
          this.total = 1;
          // 将返回结果中的data.total赋值给total

      });
    }
  },
  components: {
    Pagination,
    ExpertSource,
    // 注册Pagination和ExpertSource组件
  },
};
</script>
<style lang="less" scoped>
.allExpert-page {
  width: 100%;
  margin: 0 auto;
  // float: left;
}
</style>
